html{height:100%}
body{height:100%}


.contact{  }
.layout .layout-title-wrapper{padding:20px 0px; text-align: center;}
.layout .layout-title-wrapper h3{ font-size:24px; color:#333; text-align:center; color:#ff690f; margin:0px auto 0px auto; padding:10px 50px; max-width:300px;background-color:#e5a60d; color:#fff; transform: skewX(-30deg);display: inline-block;}
.layout .layout-title-wrapper h3 span{transform: skewX(30deg); display:inline-block; font-size:24px;}



.content{ padding: 40px; background-color:#fff; }


.left-img{ float: left; width: 35%; }
.right-wrapper{ float: right; width: 55%; line-height: 30px;  }
.right-wrapper h3{ font-size: 18px; padding: 20px 0px; }



hr{ float:left; width:90%; margin-left:3%; border:1px dotted #eee; margin-top:1%;}
/*intro.html banner scroll*/
/*.banner-scroll{position:fixed; top: 0;}*/




@media screen and (max-width: 800px) { /*当屏幕尺寸小于800px时，应用下面的CSS样式*/

.layout .layout-title-wrapper{padding:10px 0px; text-align: center;}
.layout .layout-title-wrapper h3{ font-size:18px; color:#333; text-align:center; color:#ff690f; margin:0px auto 0px auto; padding:5px 30px; max-width:300px;background-color:#e5a60d; color:#fff; transform: skewX(-30deg);display: inline-block;}
.layout .layout-title-wrapper h3 span{transform: skewX(30deg); display:inline-block; font-size:18px;}

.content{ padding: 20px; padding-bottom:200px; background-color: transparent; color: #fff;}

.left-img{ display: none; }
.right-wrapper{ float: right; width: 100%; line-height: 30px;  }


}                                                                              